<template>
    <div class="app_bottom">
        <div @click="toIndex">

            <div class="gc_img">
                <van-icon name="eye-o" style="font-size: 1.4rem;line-height: 1.4rem;"/>
            </div>
            <span>广场</span>
        </div>
        <div class="add_img" style="height: 70%;" @click="openAdd">
            <img style="height: 100%;" src="../../assets/images/add.png" height="100%" />
        </div>
<!--      <div @click="ceshi">
        <div class="my_img">
          <van-icon name="like-o" style="font-size: 1.3rem;line-height: 1.4rem;"/>
        </div>
        <span>测试</span>
      </div>-->
        <div @click="toMyinfo">
            <div class="my_img">
                <van-icon name="user-o" style="font-size: 1.3rem;line-height: 1.4rem;"/>
            </div>
            <span>我的</span>
        </div>
    </div>
</template>

<script>
export default {
    methods: {
        openAdd() {
            this.$router.push('/AppHome/ReleaseTo')
            // window.open('/AppHome/DetailPage');
        },
        toMyinfo() {
            if (this.$route.path != '/AppHome/SelfPage') {
                this.$router.push('/AppHome/SelfPage')
            }

        },
      ceshi(){
        this.$router.push('/AppHome/TagPage2')
      },
        toIndex() {
            if (this.$route.path != '/AppHome/Home') {
                this.$router.push('/AppHome/Home')
            }
        },
    }
}
</script>

<style scoped>
.app_bottom {
    height: 3.2rem;
    position: fixed;
    bottom: 0;
    /* line-height: 3.2rem; */
    display: flex;
    justify-content: space-around;
    font-size: .8rem;
    width: 100%;
    background: #fff;
    font-weight: bold;
    align-items: center;
    text-align: center;
}


.app_bottom img {
    height: 1.2rem;
}

/*@font-face {
    font-family: 'iconfont';
    src: url('../assets/font/iconfont.woff2?t=1684458061239') format('woff2'),
        url('../assets/font/iconfont.woff?t=1684458061239') format('woff'),
        url('../assets/font/iconfont.ttf?t=1684458061239') format('truetype');
}*/

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
</style>
